<template lang="html">
  <div class="subtotal_box">
    <ul class="subtotal_main">
      <li class="subtotal_title">商品小计</li>
      <li class="subtotal_num">￥{{num.Total}}</li>
    </ul>
  </div>
</template>
<script type="text/javascript">
  export default {
    props:['num'],
  }
</script>
<style type="text/css" lang="less">
  @import '../../../assets/less/index.less';
  .goodsdetails{
    .subtotal_box{
      width: 100vw;
      border-top: solid 3vw @color8;
      border-bottom: solid 1px @color8;
      .subtotal_main{
        width: @width;
        margin: 0 auto;
        font-size: @h1_font_size;
        line-height: 10vw;
        overflow: hidden;
        zoom:1;
        .subtotal_title{
          float: left;
        }
        .subtotal_num{
          float: right;
        }
      }
    }
  }
</style>